<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Lab 2 exercise 5</title>
    <link href="wk2ex5.css" rel="stylesheet">
</head>
<body>
    <section>
        <h1>Exercise 5</h1>
        <p>Floating Images</p>
        <p>Notice that this p tag does not align center?</p>
    </section>
    <section>
        <div class="floating">
            <img src="float1.jpg" alt="Lake Squirrel">
            <p>Lake Squirrel</p>
        </div>
        <div class="floating">
            <img src="float2.jpg" alt="Fluffy Goat">
            <p>Fluffy Goat</p>
        </div>
        <div class="floating">
            <img src="float3.jpg" alt="Baby Monkey">
            <p>Baby Monkey</p>
        </div>
        <div class="floating">
            <img src="float4.jpg" alt="Lemur Family">
            <p>Lemur Family</p>
        </div>
    </section>
</body>
</html>